<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="overlayOrigin"
  [cdkConnectedOverlayHasBackdrop]="true"
  cdkConnectedOverlayBackdropClass="fui-cascade-backdrop"
  (backdropClick)="hideCascade('click')"
  (detach)="hideCascade()"
  (positionChange)="onPositionChange($event)"
  [cdkConnectedOverlayPositions]="positions"
  [cdkConnectedOverlayOpen]="visible | async"
>
  <div
    class="{{'fui-cascade'}} {{customClass}} {{isSubCascade && 'fui-cascade-subCascade'}}"
    [ngClass]="classMap"
    [@dropdownAnimation]="animationDirection"
  >
    <ng-content></ng-content>
  </div>
</ng-template>
